{extend name="./tpl/default/mobile/public/layout.html" /}
{block name="header"}
<link rel="stylesheet" href="/public/home/mobile/css/guanjian/anli.css">
<link rel="stylesheet" href="/public/home/mobile/css/guanjian/gonglv.css">
{/block}
{block name="head"}
<style>
    .am-tabs-default .am-tabs-nav>.am-active a{background:#40BDFF; color: #fff; }
    .am-tabs-bd{border:0; }
    .dropload-noData{    text-align: center;font-size: 12px;color: #ccc;}
    .a:focus, a:hover{color: #C5986F;}
    a{color: #222;}
     #dist .pinaz {height: 24vw;background-size: cover;background-repeat: no-repeat;;background-position: center center; }
</style>
<div class="am-g" style=" overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 10px;height: 34px;">
    <div class="am-u-sm-10">
        <a href="" onclick="history.back(-1)"><span class="icon iconfont icon-xiangzuojiantou">{$currentCat.cat_name}</span></a>
    </div>
    <!--<div class="am-u-sm-2">
        <span class="icon iconfont icon-sousuo"  onclick="location.href='{:url('/home/Goods/search')}?goods_name='+$('#keys').val()"></span>
        <span class="icon iconfont icon-gouwuche"></span>
    </div>-->
</div>
<hr style="border:1px solid #e0e0e0;margin: 0px;">
{/block}

{block name="body"}
<style>
    .am-list-item-thumbed{padding-top: 10px}
</style>
<div class="gonglv_box">


    <div class="gonglv_pindao">
        {php}$channel=cms_channel_list(0,$currentCat['cid'],3);{/php}
        <div data-am-widget="tabs" class="am-tabs am-tabs-default"  style="margin: 0px;">
            <ul class="am-tabs-nav am-cf">
                {volist name="channel" id="vo"}
                    <li class="{eq name='i' value=0}active{/eq}" style="border:none;">
                        <a href="[data-tab-panel-{$i}]">{$vo.cat_name}</a>
                    </li>
                {/volist}
            </ul>
            <div class="am-tabs-bd">
                {volist name="channel" id="vo"}
                <div data-tab-panel-{$i} class="am-tab-panel {eq name='i' value=0}am-active{/eq}" style="padding: 0px;">
                    <ul class="am-list">
                    {volist name="vo.list" id="v"}

                        <li class="am-g am-list-item-desced am-list-item-thumbed zuob" style="">
                            <div class="am-u-sm-4 am-list-thumb" id="dist">
                                <a href="{$v.url}" class="">
                                <div class="pinaz" style="background-image:url('{$v.thumb}')"/></div>
                                </a>
                            </div>
                            <!--<div class=" am-u-sm-8 am-list-main">-->
                                <!--<h3 class="am-list-item-hd" style="width: 100%;overflow: hidden;"><a href="{$v.url}" class="">{$v.title}</a></h3>-->

                                <!--<div class="am-list-item-text" style="overflow: hidden;">{$v.description}...</div>-->
                            <!--</div>-->
                            <div class="am-u-sm-8" style="padding-left:0px;">
                                <div class="am-g" style="padding:18px;padding-left:0px;">
                                    <div class="am-u-sm-12" style="height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">

                                        <h3 class="am-list-item-hd" style="width: 100%;overflow: hidden;"><a href="{$v.url}" class="">{$v.title}</a></h3>
                                        {$vo.title}
                                    </div>

                                    <div class="am-u-sm-12">
                                        <a href="{$v.url}">{:date('y/m/d',$v['create_time'])}</a>
                                    </div>
                                </div>
                            </div>
                        </li>
                    {/volist}
                    </ul>
                </div>
                {/volist}
            </div>
        </div>


    </div>
</div>
{/block}
